<!DOCTYPE html>
<html>
<head>
    <title>省溧中高二8班起床签到</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <style type="text/css">
        div {width: 100%;}
        input {
            width: 100%;
            font-size: 5em;
            text-align: center;
        }
        h1 {text-align: center;}
        button {
            width: 100%;
            font-size: 1.5em;
        }
        .text {text-align: center;}
    </style>
</head>
<body>
    <h1>高二8班起床签到</h1>
    <hr/>
    <div class="text">
        <h2>学生姓名:</h2>
        <input type="text" class="name"><br/><br/>
        <button class="signin">签到</button>
    </div>
    <hr/>
    <div class="text">
        <p>各位家长不好意思，由于微信管控较严，上次的小程序无法在群里继续使用，先转为网页版签到</p>
        <p>方便起见可以将本网页保存到桌面或者书签中，方便签到</p>
    </div>
    <script type="text/javascript">
        $(".signin").click(function(){
            if ($(".name")[0].value == "") {
                alert("请输入学生姓名！");
            } else {
                $.ajax({
                    url: "http://www.terracecn.cn:8888/signin",
                    method: "GET",
                    data: {
                        class: 8,
                        name: $(".name")[0].value
                    },
                    error: function(){
                        alert("非常抱歉！签到失败！请在群中联系张珂元检查服务器设置！");
                    },
                    success: function(r){
                        alert(r.message);
                    }
                });
            }
        });
    </script>
</body>
</html>